<template>
  <div style="width:550px">
    <div class="jpg">img</div>
    <h5 class="inline">name:</h5><p class="inline">{{data.name}}</p><br>
    <h5 class="inline">author:</h5><p class="inline">{{data.author}}</p><br>
    <h5 class="inline">type:</h5><p class="inline">{{data.type}}</p><br>
    <h5 class="inline">description:</h5><p class="inline">{{data.description}}</p><br>
    
  </div>
</template>

<script>
import { Back as Folder } from "@element-plus/icons";
export default {
  components: {  },
  name: "fd",
  props: ['data'],
  data() {
    return {};
  },
  methods: {
    comein() {
      // this.$router.push({name:'list',query: {id:'1'}}) ;
    },
  },
};
</script>

<style scoped>
.jpg{
  position: relative;
  width: 100px;
  height: 100px;
  background-color: aquamarine;
  text-align: center;
  
}
.inline{
  /* position: relative; */
  display: inline;
  max-width: 450px;
  word-wrap: break-word; word-break: normal;
}
</style>